<br>
<h2>Thống kê theo trường</h2>
<br>
<script src="<?php echo $this->baseURL()."/media/js/jquery-1.8.2.js"; ?>" type="text/javascript"></script>
<script src="<?php echo $this->baseURL()."/media/js/highcharts.js"; ?>" type="text/javascript"></script>
<script src="<?php echo $this->baseURL()."/media/js/themes/gray.js"; ?>" type="text/javascript"></script>
<script>
var options = {
         chart: {
            renderTo: 'container',
            type: 'column'
         },
         credits: {
            enabled: false
         },
         title: {
            text: 'Số sinh viên theo trường'
         },
         xAxis: {
            labels: {
                rotation: -45,
                align: 'right',
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
         },
         yAxis: {
            title: {
               text: 'Số lượng sinh viên'
            }
         },
         series: []
      };
      
var xAxisLabels = ['Khác','Bách khoa', 'Ngoại thương', 'Kinh tế','Ngân hàng','Quốc gia','Công đoàn','Công nghiệp','Dược','Điện lực','Giao thông','Đại học hà nội','Khoa học tự nhiên',
    'Luật','Mỏ địa chất','Mỹ thuật công nghiệp','Sư phạm','Thủy lợi','Thương mại','Văn hóa','Xây dựng','Y','Y tế cộng đồng','Bưu chính viễn thông','Mật mã','Kỹ thuật quân sự','Ngoại giao',
    'Tài chính','Mở']
options.xAxis.categories = xAxisLabels;

var countSchools = <?php echo json_encode($this->countSchools); ?>;
var intCounts = [];
for(var i=0; i<countSchools.length; i++)
{
    intCounts[i] = parseInt(countSchools[i], 10);
}
options.series.push({name: 'Số sinh viên',data: intCounts});
var chart1; // globally available
$(document).ready(function() {
      chart1 = new Highcharts.Chart(options);
   });
</script>
<div id="container" style="width: 100%; height: 500px"></div>
